﻿ body
 {
      background-color:gray;
     
     }
 
 .root
 {
     margin:0 auto;  

     
     }
     
 .tipfloat
 {
      
     
     }

 .event
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin:0 auto;  
     position:absolute;
     left:500px;
     top:200px;
  
}
.popcont
{
    position: absolute;
    display: none;
}
.showdiv
{

    background: url(img/assignbg.gif) no-repeat;
    background-position: -948px 0;
    background-repeat: repeat-y;
    line-height: 1.7em;
    overflow: hidden;
    padding: 6px 17px;
    width:474px;
    color: #707070;
}
.triangle
{
     height: 11px;
    margin: 0 0 -1px 53px;
    overflow: hidden;
    position: relative;
    width: 19px;
    background: url("img/fragmentbg.png") no-repeat scroll -163px 0 transparent;
}


.triangle1
{
     height: 11px;
    margin: -1px 0 0 53px;
    overflow: hidden;
    position: relative;
    width: 19px;
    background: url("img/fragmentbg1.png") no-repeat scroll -181px 0 transparent;
}
.top
{
    height: 5px;
    overflow: hidden;
    width: 474px;
    background: url(img/assignbg.gif) no-repeat;
}
.bottom
{

    background: url(img/assignbg.gif) no-repeat;
    background-position: -474px 0;
    height: 5px;
    overflow: hidden;
    width: 474px;
}